<!DOCTYPE HTML>
<!--
	Minimaxing 1.0 by nodethirtythree + FCT
	http://nodethirtythree.com | @nodethirtythree
	Released under the Creative Commons Attribution 3.0 license (nodethirtythree.com/license)
-->
<html>
	<head>
		<title>Minimaxing by FCT</title>
		<meta http-equiv="content-type" content="text/html; charset=utf-8" />
		<meta name="description" content="" />
		<meta name="keywords" content="" />
		<!--5grid--><script src="css/5grid/viewport.js"></script><!--[if lt IE 9]><script src="css/5grid/ie.js"></script><![endif]--><link rel="stylesheet" href="css/5grid/core.css" />
		<link rel="stylesheet" href="css/style.css" />
		<!--[if IE 9]><link rel="stylesheet" href="css/style-ie9.css" /><![endif]-->
	</head>
	<body>
	<!-- ********************************************************* -->
		<div id="header-wrapper">
			<div class="5grid">
				<div class="12u-first">
					
					<header id="header">
						<h1><a href="#">Minimaxing</a></h1>
						<nav>
							<a href="index.html" class="current-page-item">Home</a>
							<a href="acerca.html">Acerca de nosotros</a>
							<a href="productos.html">Productos</a>
							<a href="galeria.html">Galer&iacute;a</a>
							<a href="contacto.php">Contacto</a>
						</nav>
					</header>
				
				</div>
			</div>
		</div>
		<div id="banner-wrapper">
			<div class="5grid">
				<div class="12u-first">
					
					<div id="banner">
						<h2>Partes y Equipos de Quer&eacute;taro, S.A. de C.V.</h2>
						<span>L&iacute;der mundial en pinturas</span>
					</div>
				
				</div>
			</div>
		</div>
		<div id="main">
			<div class="5grid">
				<div class="main-row">
					<div class="4u-first">
						
						<section>
							<h2>¡Bienvenido a Peqsa!</h2>
							<p>
								¡Hola! Nosotros somos <strong>Peqsa</strong>, 
								Partes y Equipos de Quer&eacute;taro, S.A. de C.V., distribuidores de pintura automotiva <strong>PPG</strong> 
								y material de repintado automotriz.
							</p>
							<footer class="controls">
								<a href="acerca.html" class="button">Seguir leyendo</a>
							</footer>
						</section>
					
					</div>
					<div class="4u">
						
						<section>
							<h2>Productos que manejamos</h2>
							<ul class="small-image-list">
								<li>
									<img src="css/images/ppg.png" alt="" class="left" />
									<h4>PPG</h4>
									<p>Pintura de repintado automotriz <strong>PPG</strong>.</p>
								</li>
								<li>
									<img src="css/images/3M.png" alt="" class="left" />
									<h4>3M</h4>
									<p>Abrasivos y reparaci&oacute;n automotriz <strong>3M</strong>.</p>
								</li>
								<li>
									<img src="css/images/lord.png" alt="" class="left" />
									<h4>LORD</h4>
									<p>Abrasivos y reparaci&oacute;n automotriz <strong>LORD</strong>.</p>
								</li>
							</ul>
						</section>
					
					</div>
					<div class="4u">
					
						<section>
							<h2>How about some links?</h2>
							<div class="6u-first">
								<ul class="link-list">
									<li><a href="#">Sed neque nisi consequat</a></li>
									<li><a href="#">Dapibus sed mattis blandit</a></li>
									<li><a href="#">Quis accumsan lorem</a></li>
									<li><a href="#">Suspendisse varius ipsum</a></li>
									<li><a href="#">Eget et amet consequat</a></li>
								</ul>
							</div>
							<div class="6u">
								<ul class="link-list">
									<li><a href="#">Quis accumsan lorem</a></li>
									<li><a href="#">Sed neque nisi consequat</a></li>
									<li><a href="#">Eget et amet consequat</a></li>
									<li><a href="#">Dapibus sed mattis blandit</a></li>
									<li><a href="#">Vitae magna sed dolore</a></li>
								</ul>
							</div>
						</section>

					</div>
				</div>
				<div class="main-row">
					<div class="6u-first">
					
						<section>
							<h2>An assortment of pictures and text</h2>
							<p>Duis neque nisi, dapibus sed mattis quis, rutrum et accumsan. 
							Suspendisse nibh. Suspendisse vitae magna eget odio amet mollis 
							justo facilisis quis. Sed sagittis mauris amet tellus gravida 
							lorem ipsum dolor sit amet consequat blandit lorem ipsum dolor 
							sit amet consequat sed dolore.</p>
							<ul class="big-image-list">
								<li>
									<a href="#"><img src="css/images/pic3.jpg" alt="" class="left" /></a>
									<h3>Magna Gravida Dolore</h3>
									<p>Varius nibh. Suspendisse vitae magna eget et amet mollis justo 
									facilisis amet quis consectetur in, sollicitudin vitae justo. Cras 
									Maecenas eu arcu purus, phasellus fermentum elit.</p>
								</li>
								<li>
									<a href="#"><img src="css/images/pic4.jpg" alt="" class="left" /></a>
									<h3>Magna Gravida Dolore</h3>
									<p>Varius nibh. Suspendisse vitae magna eget et amet mollis justo 
									facilisis amet quis consectetur in, sollicitudin vitae justo. Cras 
									Maecenas eu arcu purus, phasellus fermentum elit.</p>
								</li>
								<li>
									<a href="#"><img src="css/images/pic5.jpg" alt="" class="left" /></a>
									<h3>Magna Gravida Dolore</h3>
									<p>Varius nibh. Suspendisse vitae magna eget et amet mollis justo 
									facilisis amet quis consectetur in, sollicitudin vitae justo. Cras 
									Maecenas eu arcu purus, phasellus fermentum elit.</p>
								</li>
							</ul>
						</section>

					</div>
					<div class="6u">
					
						<article class="blog-post">
							<h2>Just another blog post</h2>
							<a class="comments" href="#">33 comments</a>
							<a href="#"><img src="css/images/pic6.jpg" alt="" class="top blog-post-image" /></a>
							<h3>Magna Gravida Dolore</h3>
							<p>Aenean non massa sapien. In hac habitasse platea dictumst. 
							Maecenas sodales purus et nulla sodales aliquam. Aenean ac 
							porttitor metus. In hac habitasse platea dictumst. Phasellus 
							blandit turpis in leo scelerisque mollis. Nulla venenatis 
							ipsum nec est porta rhoncus. Mauris sodales sed pharetra 
							nisi nec consectetur. Cras elit magna, hendrerit nec 
							consectetur in, sollicitudin vitae justo. Cras amet aliquet 
							Aliquam ligula turpis, feugiat id fermentum malesuada, 
							rutrum eget turpis. Mauris sodales sed pharetra nisi nec 
							consectetur. Cras elit magna, hendrerit nec consectetur 
							in sollicitudin vitae.</p>
							<footer class="controls">
								<a href="#" class="button">Continue Reading</a>
							</footer>
						</article>

					</div>
				</div>
			</div>
		</div>
		<div id="footer-wrapper">
			<div class="5grid">
				<div class="12u-first">
					<div id="copyright">
						<a target="blank" href="http://www.facebook.com/pages/Partes-y-Equipos-de-Quer%C3%A9taro-SA-de-CV/288767124475882"><img src="css/images/facebook.png" /></a>
						<br><br>
						2013. Desarrollo Web por <a href="https://facebook.com/DonaUgalde">Donaciano Ugalde</a>
					</div>
				</div>
			</div>
		</div>
	<!-- ********************************************************* -->
	</body>
</html>